<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<link href="css/public.css" rel="stylesheet" />
		<style type="text/css">
			.mui-input-row .mui-btn+input, .mui-input-row label+input, .mui-input-row:last-child{
				background: #FFFFFF;
			}
			.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{
				top: 4px;
			}
			.getCode{
			    flex: 0 0 100px;
			    -webkit-flex: 0 0 100px;
			    line-height: 50px;
			    font-size: 14px;
			    color: #FFFFFF;
			    background: #999999;
			    text-align: center;
			    position: absolute;
			    padding: 0 10px;
			    top: 0;
			    bottom: 0;
			    right: 0;
			}
			.getCode:hover,.getCode:active{
				color: #FFFFFF;
			}
			.login{
				padding: 20px 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">注册</h1>
		</header>
		<div class="mui-content">
			<form action="" class="form-wrap">
				<div class="form-group mui-input-row">
					<span class="iconfont icon-wode2"></span>
					<input type="tel" id="account" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" class="mui-input-clear" placeholder="请输入手机号"/>
				</div>
				<div class="form-group mui-input-row">
					<span class="iconfont icon-duanxinyanzhengma"></span>
					<input type="tel" id="code" maxlength="6" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入短信验证码"/>
					<a href="javascript:;" class="getCode" id="getCode">获取验证码</a>
				</div>
				<div class="form-group mui-input-row">
					<span class="iconfont icon-mima01"></span>
					<input type="password" id="password" maxlength="20" onpaste="return false" ondragenter="return false"  onkeyup="value=value.replace(/[\W]/g,'')" class="mui-input-password" placeholder="请输入密码"/>
				</div>
				<div class="form-group mui-input-row">
					<span class="iconfont icon-yaoqing"></span>
					<input type="number" id="code" placeholder="请输入邀请码"/>
				</div>
				<button type="button" class="my-btn btn-red">注册</button>
				<span class="mui-pull-left f_15 color_1">已有帐号？<span class="color_4 login" id="login">点击登录</span></span>
			</form>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="vue/vue.min.js"></script>
		<script type="text/javascript">
			
			(function($,doc){
				$.init({
					statusBarBackground:'#efeff4'
				});
				$.plusReady(function(){
					plus.webview.currentWebview().setStyle({
						//点击input时,调整屏幕的大小以便留出软键盘的空间
						softinputMode: "adjustResize"
					});
				});
				var el={
					login:doc.getElementById("login")
				}
				el.login.addEventListener("tap",function(){
					$.back();
				})
			}(mui,document));
		</script>
	</body>

</html>